//中文
var data_zh = ['你知道吗', '六月', '一日', '星期一', '是', '儿童节','陈欢欢'];
//英语
var data_en = ['do you know', 'June', 'One day', 'Monday', 'Yes', 'Children\'s day','Chenhuanhuan'];

var text1 = document.querySelector("#text1");

var text2 = document.querySelector("#text2");


//中英翻
function res() {
    //数据
    var data;
    //假
    var if_text = false;
    for (var i = 0; i<data_zh.length; i++) {
        if (text1.value == data_zh[i]) {
            if_text = true;
            data = data_zh;
            text2.value = data_en[i];

            if(lang == 'en'){
                lan();
            }

        }
    }
    for(var i =0; i<data_en.length; i++){
        if(text1.value == data_en[i]){
            if_text = true;
            data = data_en;
            text2.value=data_zh[i];


            if(lang == 'zh'){
                lan();
            }
        }

    }
    if(!if_text){
        text2.value ='';
        alert("无法翻译");
    }
}

var btn1 = document.querySelectorAll(".list-1 button");
var btn2 = document.querySelectorAll(".list-3 button");

var lang ='zh';
function lan(){
    if(lang == 'zh'){
        lang ='en';
    }else{
        lang = 'zh';
    }
    for(var i = 0; i<btn1.length; i++){
        btn1[i].classList.remove('b-1');
        btn1[i].classList.remove('b-2');
        btn2[i].classList.remove('b-1');
        btn2[i].classList.remove('b-2');
    }
    switch(lang){
        case 'zh':
            btn1[0].classList.add('b-1');
            btn1[1].classList.add('b-2');
            btn2[0].classList.add('b-1');
            btn2[1].classList.add('b-2');
            break;
        case 'en':
            btn1[0].classList.add('b-2');
            btn1[1].classList.add('b-1');
            btn2[0].classList.add('b-2');
            btn2[1].classList.add('b-1');
    }
}



